<template>
    <div class="thank">
      <div class="thank-title">Thank you</div>
      <div class="step-information-content">
        <div class="step-information-item c18823a">Congratulations!</div>
        <div class="step-information-item ccc">We have received your order.</div>
        <div class="step-information-item ccc">We will contact the seller immediately to confirm your order information.</div>
        <div class="step-information-item ccc">cashback journey.</div>
      </div>
      <router-link tag="i" to="/home">
        <div class="request-footer">
          <button class="request-btn">Homepage</button>
        </div>
      </router-link>
    </div>
</template>

<script type="text/ecmascript-6">
    export default {
        name: "thank"
    }
</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
  @import "~common/stylus/variable"
  @import "~common/stylus/index"
  .thank
    .thank-title
      font-size:25px
      margin 50px 0 45px 0
    .step-information-content
      text-align center
      border: 1px solid #ccc
      padding 94px 0 42px 0
      .step-information-item
        margin-bottom 52px
      .c18823a
        color: #18823a
        font-size:30px
      .ccc
        color: #000
        font-size: 22px;
    .request-footer
      text-align center
      margin-top 4.5rem
      .request-btn
        width: 292px
        height: 50px
        line-height 50px
        background-color: #15813b
        color: #fff;
        font-size: 20px
        outline none
        border 0
        margin-bottom 75px
</style>
